@import "base";
html , body{
  margin: 0;
  background: #f5f5f5;
}

.content{
  padding-bottom: px2rem(140px , $base-font-size);
}

.goods-imgs{
  width: 100%;
  height: px2rem(400px , $base-font-size);
  font-size: 0;
  overflow: hidden;
}

.goods-imgs img{
  width: 100%;
}
.price-time {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.price{
  display: flex;
  align-items: baseline;
  background: #ef3390;
  padding: px2rem(20px , $base-font-size);
  flex: 1;
}
.price .now{
  font-size: 20px;
  color:#fff;
}
.price .now .tuangoujia{
  font-size: 18px;
}
.price .old {
  font-size: 16px;
  color:#fff;
  margin-left: px2rem(20px , $base-font-size);
  text-decoration: line-through;
}

.price .now .point , .price .now .rmb{
  font-size: 16px;
}

.time{
  background: #feeae9;
  padding: px2rem(20px , $base-font-size);
  color: #e8063c;
  text-align: center;
}

.goods-info{
  padding: px2rem(20px , $base-font-size);
}

.goods-info h1,.goods-info h2{
  margin: 0;
  font-size: 18px;
  color: #333;
  line-height: px2rem(56px , $base-font-size);
}

.my-group{
  padding: 0 0 0 px2rem(10px , $base-font-size);
  background: #fff;
}

.my-group-title{
  font-size: 16px;
  background: #fff;
  padding: px2rem(20px , $base-font-size);
}

.group-user {
  padding: px2rem(20px , $base-font-size) px2rem(40px , $base-font-size);
  text-align: center;
  background: #fff;
}

.group-user-box{
  width: px2rem(160px , $base-font-size);
  margin: 0 px2rem(5px , $base-font-size);
}

.group-user-item{
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: px2rem(10px , $base-font-size);
}

.group-user-item img{
  width: px2rem(160px , $base-font-size);
  height: px2rem(160px , $base-font-size);
}

.group-user-name{
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
}

.my-group-btn{
  margin: px2rem(10px , $base-font-size) px2rem(75px , $base-font-size) px2rem(30px , $base-font-size);
}

.my-group-btn .btn{
  color: #ef3390;
  border: 1px solid #ef3390;
}

.footer{
  height: px2rem(120px , $base-font-size);
  background: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
}

.footer div{
  text-align: center;
  font-size: 14px;
  color: #333;
}
.footer div a{
  color: #333;
}

.zj-title{
  text-align: center;
  padding-top: 10px;
  font-size: 20px;
  color: #f55;
  background: #fff;
}
.zj-desc{
  padding: px2rem(20px , $base-font-size);
  font-size: 14px;
  color: #333;
  background: #fff;
}

.zj-desc div{
  text-indent:1.5em;
  font-size: 14px;
  line-height: 22px;
}
.am-modal-title{
  font-size: 20px;
}

.am-modal-body{
  font-size: 16px;
}

.am-modal.am-modal-transparent .am-modal-content{
  padding-top: 10px;
}
.am-modal.am-modal-transparent .am-modal-content .am-modal-body{
  text-align: left;
  @include px2px('font-size' , 24);
}
.am-modal-close-x{
  width: 20px;
  height: 20px;
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title{
  @include px2px('font-size' , 40);
}

.my-group-btn div{
  text-align: center;
  color: #cccccc;
  margin-top: 5px;
}

.new-notice{
  padding: px2rem(20px , $base-font-size);
  @include px2px('font-size' , 40);
  background: #fff;
}

.new-notice span{
  color: #f00;
}

.active-notice{
  text-align: center;
  @include px2px('font-size' , 38);
  padding: px2rem(20px);
  background: #fff;
  margin-bottom: px2rem(20px);
  @include px2px('line-height' , 52);
}

.active-notice span{
  color: #f00;
}

.group-title{
  text-align: center;
  margin-bottom: px2rem(20px , $base-font-size);
  @include px2px('font-size' , 32);
  color: #ef3390;
  border-top: 1px solid #f5f5f5;
  padding-top: px2rem(20px , $base-font-size);
}

.create-group-notice{
  background: #fff;
  text-align: center;
  @include px2px('font-size' , 32);
  padding: px2rem(20px , $base-font-size) 0;
  color: #333;
}

.create-group-notice span{
  color: #ef3390;
}
.noopen{
  @include px2px('font-size' , 32);
  padding: px2rem(40px , $base-font-size);
  @include px2px('line-height' , 48);
  background: #fff;
}